.banner-wrap .banner-pic-wrap {
    height: 23.333333333333332rem;
    position: relative;
    overflow: hidden;
}

.banner-wrap .banner-pic-wrap img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    min-width: 90%;
    height: 100%;
    object-fit: cover;
}

.banner-wrap .banner-tips {
    margin-top: 40px;
    height: 4.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 2.8333333333333335rem;
}

.banner-wrap .banner-tips img {
    height: 100%;
}

.introduce-wrap {
    position: relative;
    padding-top: 5.133333333333333rem;
    padding-bottom: 10rem;
}

.introduce-wrap .introduce-container {
    width: 48rem;
    margin: 0 auto;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

.introduce-wrap .introduce-item {
    width: 21.833333333333332rem;
    height: 27.166666666666668rem;
    border-radius: 1.6666666666666667rem;
    position: relative;
    background-color: #fff;
}

.introduce-wrap .introduce-item .bg-wrap {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 1.6666666666666667rem;
    overflow: hidden;
    z-index: 0;
}

.introduce-wrap .introduce-item .bg-wrap .circle-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.introduce-wrap .introduce-item .bg-wrap .number-bg {
    position: absolute;
    top: 1.5666666666666667rem;
    right: 1.3333333333333333rem;
    width: 9.733333333333333rem;
    height: 8.2rem;
}

.introduce-wrap .introduce-item .introduce-content {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 1.6666666666666667rem;
    z-index: 5;
}

.introduce-wrap .introduce-item .introduce-content .introduce-content-top {
    height: 17.066666666666666rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.introduce-wrap .introduce-item .introduce-content .introduce-content-top img {
    width: 15.1rem;
    height: 13.466666666666667rem;
}

.introduce-wrap .introduce-item .introduce-content .introduce-content-bottom {
    box-sizing: border-box;
    padding-left: 3.5666666666666664rem;
    padding-right: 3.1666666666666665rem;
}

.introduce-wrap .introduce-item .introduce-content .introduce-content-bottom .introduce-content-caption {
    height: 2.933333333333333rem;
    line-height: 2.933333333333333rem;
    font-size: 1.4666666666666666rem;
    color: #A66EDB;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    border-bottom: 1px dashed #9155D4;
}

.introduce-wrap .introduce-item .introduce-content .introduce-content-bottom p {
    margin-top: 0.7rem;
    color: #4E4E4E;
    font-size: 0.8rem;
    line-height: 1.2rem;
    text-align: left;
}

.introduce-wrap .introduce-item:nth-child(n+3) {
    margin-top: 9.266666666666666rem;
}

.introduce-wrap .introduce-item:nth-child(2n-1) {
    margin-right: 4.333333333333333rem;
}

.introduce-wrap .introduce-item:nth-child(3) .introduce-content-caption {
    /*font-size: 1rem !important;*/
    line-height: 2rem !important;
    padding-bottom: 5px;
    height: auto !important;
    white-space: normal !important;
}

.introduce-wrap .introduce-item::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 1.7666666666666666rem;
    left: -0.8rem;
    border-radius: 1.6666666666666667rem;
    border: 1px dashed #9155D4;
    z-index: -2;
    background: #fff;
}

.introduce-wrap .introduce-item:nth-child(1) .introduce-content-top img {
    height: 11.666666666666666rem;
}

.introduce-wrap .introduce-item:nth-child(2) .introduce-content-top img {
    height: 11.666666666666666rem;
}

.introduce-wrap .introduce-item:nth-child(4) .introduce-content-top img {
    height: 11.666666666666666rem;
}

.introduce-wrap .introduce-item:nth-child(5) .introduce-content-top img {
    height: 11.666666666666666rem;
}

.introduce-wrap .introduce-item:nth-child(6) .introduce-content-top img {
    height: 11.666666666666666rem;
}

.introduce-wrap .introduce-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -5;
}

.introduce-wrap .introduce-bg .introduce-bg1 {
    width: 100%;
    height: 34.93333333333333rem;
    margin-top: 12.866666666666667rem;
}

.introduce-wrap .introduce-bg .introduce-bg2 {
    width: 100%;
    height: 34.93333333333333rem;
    margin-top: 20.466666666666665rem;
}
